<template>
    <el-icon :size="size" :color="color" :title="title">
        <component :is="name"></component>
    </el-icon>
</template>

<script setup lang="ts">
  defineProps({
    // 图标名称
    name: {
      type: String,
      default: ''
    },
    // 图标大小
    size: {
        type: Number,
        default: 16
    },
    // 图标颜色
    color: {
        type: String,
        default: '#333'
    },
    // 文字描述
    title: {
        type: String,
        default: ''
    },
  })    

</script>

<style scoped lang='scss'>
</style>
